<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Striker HTML5 Template">
        <title>Toy Store Html Template</title>
        <link rel="shortcut icon" type="image/x-icon" href="./media/favicon.png">
        <link rel="stylesheet" href="./css/bootstrap.min.css">
        <link rel="stylesheet" href="./css/font-awesome.css">
        <link rel="stylesheet" href="./css/slick.css">
        <link rel="stylesheet" href="./css/slick-theme.css">
        <link rel="stylesheet" href="./css/aksVideoPlayer.css">
        <link rel="stylesheet" href="./css/app.css">
    </head>
    <body>
        <div id="preloader" style="display: none;">
            <div class="pyramid-loader">
                <div class="loader"></div>
            </div>
        </div>
        <a href="#main-wrapper" id="backto-top" class="back-to-top">
            <i class="fas fa-angle-up"></i>
        </a>
        <div id="main-wrapper" class="main-wrapper overflow-hidden">
            <header class="large-screens">
                <div class="container-fluid">
                    <nav class="navbar navbar-expand-lg p-0">
                        <div class="collapse navbar-collapse" id="mynavbar">
                            <div class="left-nav">
                                <a href="index.html" class="navbar-brand m-0 p-0">
                                    <img alt src="./media/logo.png">
                                </a>
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Home</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="index.html">Home 1</a>
                                            </li>
                                            <li>
                                                <a href="index-2.html">Home 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item">
                                        <a href="about.html" class="active">About us</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="search-block">
                                <form action="shop-listing-1.html" class="input-group search-bar">
                                    <input type="text" placeholder="Search..." required>
                                    <button class="search" type="submit">
                                        <i class="far fa-search search-icon"></i>
                                    </button>
                                </form>
                            </div>
                            <div class="right-nav">
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Shop</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="shop-listing-1.html">Shop Grid </a>
                                            </li>
                                            <li>
                                                <a href="shop-listing-2.html">Shop Listing</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Pages</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="blog.html">Blog</a>
                                            </li>
                                            <li>
                                                <a href="blog-detail.html">Blog Detail</a>
                                            </li>
                                            <li>
                                                <a href="product-detail.html">Product Detail</a>
                                            </li>
                                            <li>
                                                <a href="cart.html">Cart</a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">Checkout</a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">Wishlist</a>
                                            </li>
                                            <li>
                                                <a href="contact.html">Contact</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="navbar-nav m-0">
                                    <li class="menu-item">
                                        <a href="cart.html">
                                            <i class="fal fa-shopping-cart"></i>
                                        </a>
                                    </li>
                                    <li class="menu-item">
                                        <a href="wishlist.html"></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </header>
            <header class="small-screen">
                <div class="container-fluid">
                    <div class="mobile-menu">
                        <div>
                            <a class="navbar-brand" href="index.html">
                                <img alt src="./media/logo.png">
                            </a>
                        </div>
                        <div class="hamburger-menu">
                            <div class="bar"></div>
                        </div>
                    </div>
                    <nav class="mobile-navar d-xl-none">
                        <ul>
                            <li class="has-children">
                                Home <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="index.html">Home 1</a>
                                    </li>
                                    <li>
                                        <a href="index-2.html">Home 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-children">
                                Pages <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="about.html" class="active">About us</a>
                                    </li>
                                    <li>
                                        <a href="blog.html">Blog</a>
                                    </li>
                                    <li>
                                        <a href="blog-detail.html">Blog Detail</a>
                                    </li>
                                    <li>
                                        <a href="product-detail.html">Product Detail</a>
                                    </li>
                                    <li>
                                        <a href="cart.html">Cart</a>
                                    </li>
                                    <li>
                                        <a href="checkout.html">Checkout</a>
                                    </li>
                                    <li>
                                        <a href="wishlist.html">Wishlist</a>
                                    </li>
                                    <li>
                                        <a href="contact.html">Contact</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-children">
                                Shop <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="shop-listing-1.html">Shop Grid</a>
                                    </li>
                                    <li>
                                        <a href="shop-listing-2.html">Shop Listing</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </header>
            <div class="page-title-banner">
                <div class="container">
                    <div class="left-right-image">
                        <img src="./media/page-title-banner/img-1.png" class="left-img" alt="">
                        <img src="./media/page-title-banner/img-2.png" class="right-img" alt="">
                    </div>
                    <div class="content">
                        <div class="title">
                            <h2>About Us</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-content">
                <section class="about p-96 ">
                    <div class="container">
                        <div class="content br-30 bg-white dark-shadow">
                            <div class="row">
                                <div class="col-xl-6  mb-24 mb-xl-0">
                                    <img src="./media/about/img-1png.png" class="w-100 h-100 br-25 shadow" alt="">
                                </div>
                                <div class="col-xl-6">
                                    <h2 class="h-47 bold light-black mb-16">Welcome to Toy Store </h2>
                                    <p class="light-black mb-24">Lorem ipsum dolor sit amet consectetur. Sodales diam suspendisse auctor ut at elit pharetra. Consequat sagittis volutpat enim dolor blandit venenatis. Nam adipiscing hac sapien nisi urna eget pretium mattis. Egestas leo rhoncus fusce rhoncus a dis nam mi ac. Sollicitudin euismod in nullam purus. </p>
                                    <p class="light-black mb-48">Integer pharetra massa in egestas vitae luctus mi vulputate odio. Sit molestie turpis proin vel sit lectus sed adipiscing bibendum. Id arcu convallis dictumst in. Massa semper nascetur nullam et non purus viverra massa orci. Quis lacus donec.</p>
                                    <h4 class="h-47 bold light-black mb-16">Our Philosophy </h4>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="categorie br-30 mb-24 bg-every">
                                                <img src="./media/icons/icon-1.png" alt="">
                                                <h5 class="h-27 bold light-black">High Quality</h5>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="categorie br-30 mb-24 bg-sky">
                                                <img src="./media/icons/icon-2.png" alt="">
                                                <h5 class="h-27 bold light-black">Eco Friendly</h5>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="categorie br-30 mb-24 mb-sm-0 bg-light-dark-blue">
                                                <img src="./media/icons/icon-3.png" alt="">
                                                <h5 class="h-27 bold light-black">Harmless for Kids</h5>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="categorie br-30 mb-0 bg-brown">
                                                <img src="./media/icons/icon-4.png" alt="">
                                                <h5 class="h-27 bold light-black">All Brands</h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <div class="services">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-3 col-sm-6 mb-24 mb-lg-0">
                                <img src="./media/services/free-shipping.png" class="w-100 br-30" alt="">
                            </div>
                            <div class="col-lg-3 col-sm-6 mb-24 mb-lg-0">
                                <img src="./media/services/money-guarantee.png" class="w-100 br-30" alt="">
                            </div>
                            <div class="col-lg-3 col-sm-6 mb-24 mb-sm-0">
                                <img src="./media/services/online-support.png" class="w-100 br-30" alt="">
                            </div>
                            <div class="col-lg-3 col-sm-6 mb-24 mb-0">
                                <img src="./media/services/flexible-payment.png" class="w-100 br-30" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <section class="review p-96">
                    <div class="container">
                        <div class="heading mb-48 text-center">
                            <h2>User’s Reviews</h2>
                        </div>
                        <div class="review-slider">
                            <div class="reviews">
                                <h5 class="color-black h-21 bold mb-16">Sarah Miller</h5>
                                <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when they receive toys from this store.</p>
                                <div class="text-end"></div>
                            </div>
                            <div class="reviews">
                                <h5 class="color-black h-21 bold mb-16">Lola Sayo</h5>
                                <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when they receive toys from this store.</p>
                                <div class="text-end"></div>
                            </div>
                            <div class="reviews">
                                <h5 class="color-black h-21 bold mb-16">Maya Mishra</h5>
                                <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when they receive toys from this store.</p>
                                <div class="text-end"></div>
                            </div>
                            <div class="reviews">
                                <h5 class="color-black h-21 bold mb-16">Sarah Miller</h5>
                                <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when they receive toys from this store.</p>
                                <div class="text-end">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="comming-soon">
                    <div class="container">
                        <div class="content">
                            <h6 class="h-36 bold color-white">New</h6>
                            <h2>Baby Toys</h2>
                            <h3 class="h-61 bold color-white mb-32">Will Be In-Stock!</h3>
                            <ul class="timer countdown unstyled">
                                <li>
                                    20 <small>d</small>
                                </li>
                                <li>
                                    23 <small>h</small>
                                </li>
                                <li>
                                    50 <small>m</small>
                                </li>
                                <li>
                                    34 <small>s</small>
                                </li>
                            </ul>
                        </div>
                    </div>
                </section>
            </div>
            <footer class="bg-light-blue p-96 pb-4">
                <div class="container">
                    <div class="footer-main mb-64">
                        <div class="footer-info">
                            <div class="footer-about">
                                <div class="logo mb-16">
                                    <a href="about.html">
                                        <img src="./media/logo.png" alt="">
                                    </a>
                                </div>
                                <p class="color-white mb-32">
                                    Welcome to our world of imagination <br>
                                    and play!At Sarah's Toy Emporium,we <br>
                                    believe in creating magical experiences <br>for children and igniting their joy.
                                </p>
                                <div class="contact">
                                    <ul class="contact-list unstyled">
                                        <li class="mb-32">
                                            <a href="">
                                                <i class="fal fa-phone-alt"></i>
                                                <span>+1 233 898 0897</span>
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="mailto:info@example.com">
                                                <i class="fal fa-envelope"></i>
                                                <span>email@example.com</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="newsletter">
                                <h3 class="mb-24">Subscribe to our Newsletter</h3>
                                <form action="./about.html" class="">
                                    <input type="email" id="email" placeholder="Email" class="form-control mb-16" required>
                                    <button type="submit" class="cus-btn primary w-100">Subscribe</button>
                                </form>
                                <ul class="unstyled social-icons">
                                    <li>
                                        <a href="about.html">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="about.html">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="about.html">
                                            <i class="fab fa-snapchat-ghost"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="about.html">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu">
                                <h3 class="color-white mb-8">Important Links</h3>
                                <ul class="link unstyled">
                                    <li class="">
                                        <a href="index.html">– Home</a>
                                    </li>
                                    <li class="">
                                        <a href="cart.html">– Cart</a>
                                    </li>
                                    <li class="">
                                        <a href="shop-listing-1.html">– Shop</a>
                                    </li>
                                    <li class="">
                                        <a href="checkout.html">– Checkout</a>
                                    </li>
                                    <li class="">
                                        <a href="about.html">– About</a>
                                    </li>
                                    <li class="">
                                        <a href="product-detail.html">– Product Detail</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </body>
</html>
